<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="lib/vue.js"></script>
</head>
<body>
<div id="root">
    <button @click="setIsShow(!isShow)">{{isShow?"隐藏":"显示"}}</button>
    <child v-if="isShow" :set-is-show="setIsShow"></child>
</div>
</body>
<script>
    new Vue({
        el:"#root",
        data:{
            isShow:true
        },
        methods:{
            setIsShow(isShow){
                this.isShow = isShow;
            }
        },
    components:{
            Child:{
                props:{
                    setIsShow:Function
                },
                template:(`
                    <div style="width:400px;height:400px;background:#ff9b6a">
                          <button @click="setIsShow(false)">隐藏</button>
                    </div>
                `)
            }
    }
    })
</script>
</html>